<template>
  <div ref="ion"></div>
</template>
<script>
  export default {
    props: {
      grid: {
        default: true
      },
      from: {
        default: 75
      },
      postfix: {
        default: ''
      }
    },
    mounted() {
      var self = this
      $(function (){
        $(self.$refs.ion).ionRangeSlider(
          {
            type: "single",
            grid: self.grid,
            min: 0,
            max: 100,
            from: self.from,
            prefix: "",
            postfix: self.postfix
          }
        )
      } )
    }
  }
</script>
<style>
</style>
